﻿@model Charades.Web.Models.PictureModel
@{
	ViewBag.Title = Model.Painter + " нарисовал \"" + Model.Word+"\"";
	ViewBag.SocialTitle = Model.Painter + " нарисовал \"" + Model.Word+"\" при помощи drawpi.co";
	ViewBag.SocialDescription = "Рисуем и угадываем в режиме реального времени, более 4000 слов.";
	ViewBag.SocialImage = Model.PictureUrl;
	ViewBag.PageUrl = Request.Url != null ? Request.Url.AbsoluteUri : string.Empty;
}
<div class="uk-grid uk-grid-small picture-container">
	<div class="uk-width-1-1">
			@if (Model.FileIsReady)
			{
				<img class="uk-thumbnail uk-width-1-1" src="@Model.PictureUrl" alt="@Model.Word" />
			}
			else
			{
				<img class="uk-thumbnail uk-width-1-1" src="@Url.Content("~/Pic/empty.png")" alt="@Model.Word" />
			}
	</div>
	<div class="uk-width-1-1 uk-text-left">
		<div class="uk-width-1-1 uk-margin-small-top">
			@Model.Painter нарисовал(а) "@Model.Word"
		</div>
		<div class="uk-width-1-1 uk-margin-small-top">
			<div class="social-likes" data-url="@ViewBag.PageUrl">
				<div class="facebook" style="margin-right: 0;" title="Поделиться ссылкой на Facebook"></div>
				<div class="twitter" style="margin: 0;" data-via="drawpico" data-related="drawpico" title="Поделиться ссылкой в Twitter"></div>
				<div class="vkontakte" style="margin: 0;" title="Поделиться ссылкой во ВКонтакте"></div>
				<div class="plusone" style="margin: 0;" title="Поделиться ссылкой в Google+"></div>
			</div>
		</div>
	</div>
</div>
@section scripts
{
	<script type="text/javascript">
		$(function () {
			$('.social-likes').socialLikes();
		});
	</script>
}
